<html>
    <head>
        <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>/css/admin_style.css" />
        <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>/css/style.css" />
 
    
	<html lang="en"> <!--<![endif]-->
<head>

	<!-- General Metas -->
	<meta charset="utf-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><!--- sa google map ni---->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">	<!-- Force Latest IE rendering engine -->
	<title>User Add</title>
	<meta name="description" content="">
	<meta name="author" content="">
    
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	
	<!-- Mobile Specific Metas -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 
	
	<!-- Stylesheets -->
	<link rel="stylesheet" href="<?php echo base_url(); ?>/css2/base.css">
	<link rel="stylesheet" href="<?php echo base_url(); ?>/css2/skeleton.css">
	<link rel="stylesheet" href="<?php echo base_url(); ?>/css2/layout.css">
    <link rel="stylesheet" href="<?php echo base_url(); ?>/css/text.css">
    <link rel="stylesheet" href="<?php echo base_url(); ?>/css/admin_panel_user.css">
    <link rel="stylesheet" href="<?php echo base_url(); ?>/css2/emailmenu.css">
    <link rel="stylesheet" href="<?php echo base_url(); ?>/css2/trybutton.css">
    <link rel="stylesheet" href="<?php echo base_url();?>/css2/slideshow.css">
	<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>/css/table1.css">
    
    
    <!---start google map link---->
    <link href="<?php echo base_url();?>/css2/gsearch.css" rel="stylesheet"    type="text/css"/>
    <link href="<?php echo base_url();?>/css2/gsmapsearch.css" rel="stylesheet"/>
    <!---end google map link---->
    
     <script language="javascript" type="text/javascript">
            function displayResult()
            {
			var error;
			if (document.getElementsByName('rank')[0].value == 'Select Rank')
			{
				window.alert("Please select a rank.");
            }
			else if(document.getElementsByName('myDate')[0].value == "")
			{
				window.alert("Please select a date.");
			}
			else if(document.getElementsByName('promotion')[0].value == 'Select Promotion')
			{
				window.alert("Please Select a promotion.");
			}
			else
			{
				var table = document.getElementById("myTable");
                var row = table.insertRow(0);
                var cell1 = row.insertCell(0);
                var cell2 = row.insertCell(1);
                var cell3 = row.insertCell(2);
				 
                cell1.innerHTML = document.getElementsByName('rank')[0].value;
                cell2.innerHTML = document.getElementsByName('myDate')[0].value;
                cell3.innerHTML = document.getElementsByName('promotion')[0].value;
				 
			}
			
			}
			
			
            function showAge()
            {
                document.getElementById("age").style.display = "inline";
                var jobValue = document.getElementsByName('bdate')[0].value;

                var age;

                var today = new Date();
                var curr_date = today.getDate();
                var curr_month = today.getMonth() + 1;
                var curr_year = today.getFullYear();

                var pieces = jobValue.split('-');
                var birth_date = pieces[2];
                var birth_month = pieces[1];
                var birth_year = pieces[0];

                if (curr_month == birth_month && curr_date >= birth_date) {
                    age = parseInt(curr_year - birth_year);
                }
                if (curr_month == birth_month && curr_date < birth_date)
                {
                    age = parseInt(curr_year - birth_year - 1);
                }

                if (curr_month > birth_month) {
                    age = parseInt(curr_year - birth_year);
                }

                if (curr_month < birth_month)
                {
                    age = parseInt(curr_year - birth_year - 1);
                }

                document.getElementById('ages').value = age;
            }
			
			
		    </script>
    
    
    
    		<!--------start google map jscript------->
            <script    src="http://maps.google.com/maps?file=api&v=2&
                key=ABQIAAAAGvs30FUboNhX-BMsz1wHmhRueXhM_ZR0uaVb2boWRzq1eE2kghQvVdJiR71BuD29Jsee_kDbmydTOQ"
                type="text/javascript">
            </script>
            <script   src="http://www.google.com/uds/api?file=uds.js&   	v=1.0&key=ABQIAAAAGvs30FUboNhX-BMsz1wHmhRueXhM_ZR0uaVb2boWRzq1eE2kghQvVdJiR71BuD29Jsee_kDbmydTOQ"
                type="text/javascript">
            </script>
            <script src="<?php echo base_url();?>/js/gmap.js">
                type="text/javascript">
            </script>
            <!--------end google map jscript------->

    
    
    
    </head>
    <!----start google map style css---->
    <style>
		body, table, p{
		font-family: Arial, sans-serif;
		font-size: 13px;
		}
		#mapsearch {
		width: 509px;
		margin-left: 10px;
		padding: 4px;
		border : 1px solid #white		;
		}
	</style>
	<script>
		function LoadMapSearch() {
		var options = {
		title : "Googleplex",
		url : "http://www.google.com/corporate/index.html"
		}
		new GSmapSearchControl(
		document.getElementById("mapsearch"),
		" Philippines",
		options
		);
		}
		GSearch.setOnLoadCallback(LoadMapSearch);
	</script>
    <!----end google map style css---->
    
    
    
     <style type="text/css">
	  @-moz-document url-prefix() {
  
	  .zebra{position:relative;top:200px;
		}
		.wrap{margin-top:-100px;}
		.lo{margin-top:-100px;}
		
		.firefox_push_button blue {margin-top: 2em;}
		.firefox_addbut {margin-top: 12em;}
		.firefox_invitebut {margin-top: 15.9em;}
		.firefoxright {    margin-left: -10px;margin-top: 38px;}
		.firefoxbox2 {   margin-left: -2px;margin-top:-4.5px;}
		.firefoxbottomright1 {   margin-left: 1px;margin-top: 2px;}
		.firefoxbox3 {margin-left: -2px; margin-top: -2.5px;}
		.firefoxuser-details {margin-left: 4px;}
		.firefoxbox4 {margin-top: 4em; margin-left: 10px;}
		.firefoxsave {margin-top: 6em;margin-right: 2px;}
  </style>
    
    <body>
     <div id="fb-root"></div>
		<script>(function(d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0];
          if (d.getElementById(id)) return;
          js = d.createElement(s); js.id = id;
          js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>
     
    <div id="" style="border:2px solid #FFF;
  		 margin-top: -8em;

        border: 2px solid #FFF;
        position: absolute;
        width: 1050px;
        margin-left: 150px;
        height: 1566px;
        background-color: #CCC;
        z-index: -60;-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 1);
        -moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 1);
        box-shadow:         0px 0px 10px rgba(50, 50, 50, 1); ">
	</div>
    
	<!----start of banner--->
    <div style="background-image:url(<?php echo base_url(); ?>/images/wallpaper/Fotor1219134327.jpg);height: 218px;width: 1054px;margin-right: 145px;float: right;margin-top: -8em;">
    <div class="logo"> <img src="<?php echo base_url(); ?>/images/logo/image.gif"></div>
    <div style="float: left;margin-left: -339px;margin-top: 11em;color: white;font-family: monospace;font-size: small;">By: Grand Master Casimiro "CHINGI" Grandez</div>
    </div> <!----end of banner--->
    
    
     <div id="menu">
        <?php $this->load->view('menu_view'); ?>
        <div id="logout">
            <?php echo anchor("GSD_admin/user_add", "Logout"); ?>    
        </div>
    </div>
    

        
        
         <div class="clubwrapper">
        <div class="clubform">

                <?php echo validation_errors('<p class="error">'); ?>
				 
                <?php echo form_open_multipart("GSD_admin/add_user")?>
 
					<!-------------------------start leftside--------------------------------->
                    <div class="leftside">
                        <div class="text5">Firstname : </div>
						<?php echo form_input('firstname') ?>
						<div class="text5">Middlename :</div>       
	                    <?php echo form_input('middlename') ?>    
                        <div class="text5">Lastname :</div>       
						<?php echo form_input('lastname') ?>
						<div class="text5">Birthdate :</div> 		
                  		<label for="mydate"></label>
						
						<div class="mydate" style="margin-top: -3em;"><!-------mydate--------->
                        <input name="bdate" style="margin-left: 119px; margin-top: -2em;" class="mydate" type="date" data-role="datebox" data-options='{"mode":"calbox","useFocus": true}' onChange="showAge()">
						</div><!--------mydate------------->
 
						<div id="age" style="display:none">
                        <div class="text5">Age :</div> 		
                        <?php echo form_input(array('name' => 'age', 'id' => 'ages', 'readonly' => 'true')) ?>
						</div>
						<div class="text5">Email:</div>
						<?php echo form_input('email') ?>
                        
                        <div class="text5" style="">Address:</div>
                        
						<div style="margin-left: 105px;margin-top: -2em;">
                        	<div id="mapsearch">Loading…</div>
                        </div>
                        
                        <div class="text5">Photo:</div>
						<div class="photo_align">
						<input type="file" name="userPic" size="20" />
						</div>
                    
						                   
						<!--- <div class="user_add_rightside">--->
						<div class="text5">Username:</div>       
			            <?php echo form_input('username') ?>
 		                <div class="text5">Password:</div>
						<?php echo form_password('password') ?>
                		<div class="text5">Confirm Password:</div>
                 		<?php echo form_password('passconf') ?>
                                
					<!-------<div class="others">---->
						<div class="text5">Role :</div>
						<select name="roles">
							<?php
								foreach($roles as $each)
								{
								echo '<option value="'.$each['roleID'].'">'.$each['name'].'</option>';
								}
							?>
						</select>
						<div class="text5">Club:</div>
						<label>
							<select style="margin-top: -3.7em;;">
								<option selected> Select Box </option>
								<option>Short Option</option>
								<option>This Is A Longer Option</option>
							</select>
						</label>               
						<!--------------others-</div>------------->
						<div style="margin-top: -1.5em;" ><div class="text5">Style:</div></div>
						<?php echo form_input('style') ?>        
						<!--end rightside </div>-->
                    
                     
                     
                     <!----------------<div class="bottomoption">BOTTOMOPTION----------------------->
                     		<div class="text5">Rank:</div>
                            <div class="box1"><!----BOX1---------->
								<label>
									<select name="rank" >
										 <option>Select Rank</option>
										 <option   <?php echo set_select('rank', '7th Class White Belt'); ?> >7th Class White Belt</option>
										 <option  <?php echo set_select('rank', '6th Class Green Belt'); ?> >6th Class Green Belt</option>
										 <option  <?php echo set_select('rank', '5th Class Brown Belt'); ?> >5th Class Brown Belt</option>
										 <option <?php echo set_select('rank', '4th Class Brown Belt'); ?> >4th Class Brown Belt</option>
										 <option  <?php echo set_select('rank', '3rd Class Red Belt'); ?> >3rd Class Red Belt</option>
										 <option <?php echo set_select('rank', '2nd Class Red Belt'); ?> >2nd Class Red Belt</option>
										 <option <?php echo set_select('rank', '1st Class Red Belt'); ?> >1st Class Red Belt</option> 
										 <option <?php echo set_select('rank', '1st Dan Black Belt'); ?> >1st Dan Black Belt</option>
										 <option <?php echo set_select('rank', '2nd Dan Black Belt'); ?> >2nd Dan Black Belt</option>
										 <option <?php echo set_select('rank', '3nd Dan Black Belt'); ?> >3nd Dan Black Belt</option>
										 <option <?php echo set_select('rank', '4th Dan Black Belt'); ?> >4th Dan Black Belt</option>
										 <option <?php echo set_select('rank', '5th Dan Black Belt'); ?> >5th Dan Black Belt</option>
										 <option <?php echo set_select('rank', '6th Dan Black Belt'); ?> >6th Dan Black Belt</option>
										 <option <?php echo set_select('rank', '7th Dan Black Belt'); ?> >7th Dan Black Belt</option>
									</select>
								</label>  
							</div>  <!----BOX1---------->
                            	<div class="bottomright">
                                    <div class="firefoxright">
                                    	<div class="text5">Exam:</div>
                                    </div>
								</div>
                             
                            	<div class="box2">
									<div class="firefoxbox2">
										<label for="mydate"></label>
										<input name="myDate" style="margin-left:20px;" class="mydate" type="date" data-role="datebox" data-options='{"mode":"calbox","useFocus": true}'>
									</div>
                                </div>
                     <!----------------</div><!----------------BOTTOMOPTION----------------------->
                            
                            
                    <!----------------< <div class="bottomright1"><!---------bottomright1---->
                             <div class="firefoxbottomright1">
                                  <div class="text5" style="margin-left: 453px;margin-top: -5.4em;width: 200px;">Type of Promotion:</div>
                             </div>
                             
							<div class="box3">
                                <div class="firefoxbox3">
                                	<label>
									<select name="promotion">
										  <option selected> Select Promotion </option>
										  <option <?php echo set_select('rank', '7th Dan Black Belt'); ?> >Field Promotion</option>
										  <option <?php echo set_select('rank', '7th Dan Black Belt'); ?> >Exam Promotion</option>
									</select>
									</label>  
                                </div>
							</div> 
								  
                           <div class="box4">
                           		<div class="firefoxbox4">
									<button id="addbtn" name="btnAdd" type="button" onClick="displayResult()">Add</button>
								</div>
                           </div>
                        
                    <!----------------<</div><!---------bottomright1---->
                          </div>
						  <!----------end bottomoption----------------------------->
                            
                  
        
         
  				<div class="firefoxuser-details">
					<table border="2" class="user-details">
                        <tr>
                            <th>Rank</th>
                            <th>Exam Date</th>
                            <th>Type of Promotion</th>
                            
                        </tr>
						
                        <tr>
                        	<br/>
                           <table id="myTable" border="2" style="margin-top: 67em;;width: 641px;margin-left: 35px;color: black;">
						   </table>
                        </tr>
                     
					</table>
                </div>
 
					<br />
					<br />
					<br />
					<br />
                    
				<div class="adduser" style="float: right;margin-top:-1em;margin-right: 28.4%;">
       			 	<div class="firefoxsave">
                        <input type="submit" value="Save" class="push_button blue" />
					</div>
       			</div>
				
				
			</div><!---------------------------end leftside---------------------------------->
   
  </form>
<!-- <div  class="footertext">
 All Rights Reserved 2013. Copyright www.websiteurl.com
 <br/>Develop by: Softbiz Global IT Solutions www.softbizglobal.com
 </div>-->

       
 </div>
 </div><!---end clubwrapper---->
 
 
  		<div style="float:right; margin-right:154px; position: relative; top: -87.5em; width: 270px;height: 808px;border-left: 2px solid #FFF;padding-left:20px;-webkit-box-shadow: inset 5px 0px 5px -6px rgba(0,0,0,0.75);
        -moz-box-shadow: inset 5px 0px 5px -6px rgba(0,0,0,0.75);box-shadow: inset 5px 0px 5px -6px rgba(0,0,0,0.75);">
        
         <figure id="slider"><!--start slider--->
                <div class="container">
                    <img src="<?php echo base_url(); ?>/images2/1011886_495239593900308_116086745_n.jpg" alt="GAN SOO DO PHILIPPINES CENTRAL GYM">
                    <img src="<?php echo base_url(); ?>/images2/563339_486278894796378_51169551_n.jpg" alt="GRANDEZA VS MICOURIS FIGHT CANCELLED KO PROMOTIONS">
                    <img src="<?php echo base_url(); ?>/images2/996917_486278821463052_1958710513_n.jpg" alt="GRANDEZA VS MICOURIS">
                    <img src="<?php echo base_url(); ?>/images2/1011658_486278761463058_295778251_n.jpg" alt="GRANDEZA (PHI) VS OKINE (GHANNA)KO PROMOTION">
                </div>
                <figcaption></figcaption> <!-- slideshow caption -->
                <nav id="slider-nav"></nav> <!-- navigation -->
           		</figure>
                <script class="cssdeck" type="text/javascript" src="<?php echo base_url(); ?>/js/slideshow.js"></script> 
                	<div style="margin-left: -21px; margin-top: 1em;">	
						<div class="fb-like-box" data-href="https://www.facebook.com/GanSooDoPhilippines" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>
               		</div>
                 <div class="sidemenu">
					 <div class="sidetext"><?php echo anchor("GSD_admin/history","History"); ?></div>
					 <div class="sidetext"><?php echo anchor("GSD_admin/about_contact","About"); ?></div>
					 <div class="sidetext"><?php echo anchor("GSD_admin/about_contact","Contact Us"); ?></div>
                 </div>
		 </div>
        
        
        <!----start footer--------->
    <div style=" background: #006;margin-top: 5.4em;margin-left: 150px;width: 1054px;height: 96px;">
    	<div class="buttom_menu">
        <br/>
        <div style=""><?php echo anchor("GSD_admin/history","History"); ?></div> 
        <div style="margin-left: 50px;margin-top: -1.6em;"><?php echo anchor("GSD_admin/about_contact","About"); ?></div>    
        <div style="margin-left: 100px;margin-top: -3.3%;"><?php echo anchor("GSD_admin/about_contact","Contact Us"); ?></div>
        <div style="margin-left: 174px;margin-top: -1.6em;"> <a href="###">Shop</a></div>
        </div>
   		<br/><div style="font-family: monospace;color: white;font-size: 10px;margin-top: 0em;margin-left: 358px;">All Rights Reserved 2013. Copyright www.websiteurl.com</div>
 		<div style="font-family: monospace;color: white;font-size: 10px;margin-top: -1em;margin-left: 333px;">Develop by: Softbiz Global IT Solutions www.softbizglobal.com</div>
	</div>  <!----end footer--------->
        
        
      
 
    </body>
</html>

>>